<%@ taglib uri="http://jawr.net/tags" prefix="jwr" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; UTF-8">
	<title>O bar da vez</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
    <jwr:style src="/bundles/all.css" />
    <jwr:script src="/bundles/all.js"/>
    

	
</head>
<body ng-app="aplicacao" id="ng-app" ng-controller="init">
	<div ng-include="'placeHolder.jsp'"></div>
	<div ng-controller="contato">
		<div ng-include="'topo.jsp'"></div>
		
		<div class="centercolumn">
			<div class="bar-header">
				<div class="obardavez-form">
					<form id="contatoForm" >
						<section>
							<div class="title">
							   <h3>{{getProperty('contato')}}</h3>
							   <p>
									Deseja saber mais alguma informação sobre o 
									Portal O Bar Da Vez? Preencha o formulário abaixo e 
									entraremos em contato.
									Você também pode enviar um email para contato@obardavez.com.br.
								</p>
							  
							</div>
							<div class="fields-container">
								<div class="grid-half-left">
									<div class="field name">
									  <label>Nome</label>
									  <input ng-model="ctrl_contato.contato.nome" name="nome" placeholder="Nome completo do contato" size="30" type="text" value="" />
									</div>
								</div>
								  
								<div class="grid-half-right">
									<div class="field email">
									  <label>E-mail</label>
									  <input ng-model="ctrl_contato.contato.email" name="email" placeholder="conttato@email.com" size="30" type="text" value="" />
									</div>
								</div>
								  
								<br clear="all" />              
								  
								<div class="grid-half-left">
									<div class="field telephone">
									  <label>Telefone</label>
									  <input ng-model="ctrl_contato.contato.telefone" id="telefone" name="telefone" placeholder="(00) 0000-0000" size="30" type="text" value="" />
									</div>
								</div>
																					  
								<div class="grid-half-right">
									<div class="field assunto">
									  <label>Assunto</label>
									  <select ng-model="ctrl_contato.contato.assunto" name="assunto" 
											 ng-options="assunto.value as assunto.displayName for assunto in ctrl_contato.assuntos">
											<option value="">--- Selecione o assunto da mensagem ---</option>
									  </select>
									</div>
								</div>
								  
								<br clear="all" />
								  
								<div class="grid-full">
									<div class="field mensagem">
									  <label>Mensagem</label>
									  <textarea ng-model="ctrl_contato.contato.mensagem" name="mensagem" placeholder="Texto da mensagem" size="30" type="text" value="">
									  </textarea>
									</div>
								</div>
								  
								<p></p>
								  
								<a class="btn btn-inverse" href="#" ng-click="ctrl_contato.save()"> {{getProperty('enviar')}} <i class="icon-chevron-right icon-white"></i></a>
							</div>
						</section>
					</form>
					
				 </div>
			</div>
		</div>
		
		
		<div ng-include="'footer.jsp'"></div>
		
		
	</div>

</body>
</html>